// 导入变量和混入
@import './variables.scss';
@import './mixins.scss';

// 全局重置
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  // 替换背景：使用图片
  background-image: url('@/assets/background/bg3.png');
  background-size: cover;     // 覆盖整个容器
  background-position: center; // 居中显示
  background-repeat: no-repeat; // 不重复
  background-attachment: fixed; // 可选：固定背景（视需求）
  color: $text-primary;
}

#app {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.data-screen {
  width: $design-width;
  height: $design-height;
  position: relative;
  // 如果 data-screen 也需要背景图，同样设置
  background-image: url('@/assets/background/bg3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: left top;
  overflow: hidden;
}
